<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/wode.css">
</head>

<body>
    <div id="box">
        <div v-for="head in header" class="header">
            <img v-bind:src="head.img">
            <h3 v-html="head.login"></h3>
            <p>{{head.p1}}</p>
            <h4>{{head.h4}}</h4>
        </div>
        <div class="content">
            <div class="contentone">
                <div v-for="content in contentone" class="contentLeft">
                    <h3>{{content.h3}}</h3>
                    <b>{{content.b}}</b>
                    <p>{{content.p}}</p>
                </div>
            </div>
            <ul class="contentwo">
                <h4 v-for="content in zichan">{{content}}</h4>
                <li v-for="content in zichan1">
                    <img v-bind:src="content.img" />
                    <p>{{content.p}}</p>
                </li>
            </ul>
            <ul class="contenthree">
                <h4 v-for="content in zichan2">{{content}}</h4>
                <li v-for="content in zichan3">
                    <img v-bind:src="content.img" />
                    <p>{{content.p}}</p>
                </li>
            </ul>
        </div>
        <div class="footer">
            <ul>
                <li v-for="foot in footer">
                    <img v-bind:src="foot.img" alt="">
                    <p v-html="foot.p"></p>
                </li>
            </ul>
        </div>
    </div>
</body>

</html>
<script src="../nodejs/node_modules/vue/dist/vue.js"></script>
<script src="../js/wode.js"></script>